<template>
    <div class="footer">
        <div class="footer-nav">
            <div class="fnav-left clear_float">
                <p>
                    <a href="https://news.1hai.cn/News/About/" rel="nofollow" target="_blank">关于一嗨</a>
                    |
                    <a href="https://www.1hai.cn/activity/mobile.aspx?from=foot" target="_blank">移动客户端</a>
                    |
                    <a href="https://www.1hai.cn/NewHelp/Index" rel="nofollow" target="_blank">帮助中心</a>
                    |
                    <a href="https://www.1hai.cn/help/advice.aspx" rel="nofollow" target="_blank">建议专区</a>
                    |
                    <a href="https://www.1hai.cn/help/contactus.aspx" rel="nofollow" target="_blank">联系我们</a>
                    |
                    <a href="https://www.1hai.cn/more/link.aspx" rel="nofollow" target="_blank">友情链接</a>
                    | &nbsp;投诉通道：400-821-1608 &nbsp;
                </p>
                <p>
                    &nbsp;Copyright © 2007-2019&nbsp;上海一嗨信息技术服务有限公司 &nbsp;&nbsp;<a href="http://www.miibeian.gov.cn/"
                                                                                   target="_blank" rel="nofollow">ICP证：沪B2-20140130</a>
                </p>
            </div>
            <div class="fnav-right">
                <a href="https://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=20120327164136446"
                   target="_blank">
                    <img src="https://www.1hai.cn/Content/Index/images/foot_shgs.png?v=979463959da8401ca5eb3eb988f61501">
                </a>
                <a href="http://www.zx110.org/" target="_blank">
                    <img src="https://www.1hai.cn/Content/Index/images/foot_zxw.png?v=979463959da8401ca5eb3eb988f61501" alt="">
                </a>
                <a href="https://shuidi.cn/companyextreme-0752d1acddc459c11bb8f943671a3347.html" target="_blank">
                    <img src="https://www.1hai.cn/Content/Index/images/foot_sdxy.png?v=979463959da8401ca5eb3eb988f61501">
                </a>
                <a href="http://sealinfo.trustutn.org/info?sn=970161104025192983174" target="_blank">
                    <img src="https://www.1hai.cn/Content/Index/images/foot_ppgw.png?v=979463959da8401ca5eb3eb988f61501" alt="">
                </a>
                <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010702001166" target="_blank">
                    <img src="https://www.1hai.cn/Content/Index/images/foot_hgwab.png?v=979463959da8401ca5eb3eb988f61501">
                </a>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Footer"
    }
</script>

<style scoped>
    .footer{
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .footer-nav {
        padding: 30px 5px;
    }

    .clear_float {
        zoom: 1;
    }

    .footer {
        background: #f2f2f2;
        color: #707070;
        font-family: "Microsoft YaHei";
    }

    .clear_float:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "";
    }

    .fnav-left {
        width: 670px;
        float: left;
    }

    .fnav-left p {
        padding-bottom: 12px;
        margin-left: -3px;
    }

    p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

    .fnav-left p a {
        color: #707070;
        margin: 0 3px;
    }

    a {
        text-decoration: none;
        outline: none;
    }

    a:-webkit-any-link {
        color: -webkit-link;
        cursor: pointer;
        text-decoration: underline;
    }

    .fnav-right {
        width: 480px;
        text-align: right;
        font-size: 0;
        float: right;
    }

    .fnav-right a {
        display: inline-block;
        margin-left: 5px;
    }

    img {
        border: 0;
        vertical-align: middle;
    }

</style>